<!--策略终止-子币对-->
<template>
  <div class="bg">

    <div class="content bg3">

      <text class="font36 text1 title">{{T('确认终止策略')}}</text>

      <div class="height40"></div>
      <text class="font28 text2 text">{{T('子币对终止操作会自动撤销当前币对下未成交订单并兑换成投入币种。')}}</text>

      <div class="row">
        <div class="but no1" @click="cancelClick">
          <text class="font32 text1">{{T('取消')}}</text>
        </div>
        <div class="all"></div>
        <div class="but main1" @click="okClick">
          <text class="font32 text1">{{T('确认')}}</text>
        </div>
      </div>
    </div>
  </div>
</template>

<script>

import navigator from "@/_js/navigator"; 
import broadcast from "@/_js/broadcast";

import I18N from "@/_i18n/i18n";
var T = I18N.t;

export default {
  data() {
    return {
      T:T,
      isOk:true,
    };
  },

  mounted() {
  },

  methods: {

    /********************************** 点击触发*/
    //取消
    cancelClick(){
      navigator.dismiss();
    },

    //确定点击
    okClick(){ 
      if (!this.isOk){
        return;
      }
      this.isOk = false;
      navigator.dismiss();
      broadcast.send('RunStopSon');
    },
  }
}

</script>


<style src="@/_css/style.css"></style>
<style scoped>
/******************************************************* 手续费*/
.bg {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 750px;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;

  background-color: rgba(0, 0, 0, 0.25);
}
.content {
  flex-direction: column;
  width: 642px;
  background: #202B46;
  border-radius: 4px;

  padding: 60px;
}
.title {
  width: 542px;
  text-align: center;
}
.text {
  width: 542px;
  line-height: 52px;
}

.but{
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 240px;
  height: 80px;
  border-radius: 4px;
  margin-top: 60px;
}


.height40 {
  height: 40px;
}
.height60 {
  height: 60px;
}
</style>